<template>
  <div class="flowerchip">
    <van-tabs v-model="activeName" title-active-color="#ff8917" title-inactive-color="black" sticky>
      <van-tab title="精选推荐" name="recommend"></van-tab>
      <van-tab title="花语大全" name="Huayu"></van-tab>
      <van-tab title="漫画选花" name="xuanhua"></van-tab>
    </van-tabs>
    <component :is="activeName"></component>
  </div>
</template>
<script>

import Huayu from "../components/Huaxian/huayu";
import recommend from "../components/Huaxian/recommend";
import xuanhua from "../components/Huaxian/xuanhua";
export default {
  data() {
    return {
      activeName: "recommend",
      meta: {
        isShow: true
      }
    };
  },
  components: {
    Huayu,
    recommend,
    xuanhua,
  }
};
</script>
<style scoped>
</style>
